<md-dialog id="unis" flex="40" >
    <form class="light-theme"  novalidate name="editForm" ng-submit="editForm.$valid && save()">
        <md-toolbar>
            <div class="md-toolbar-tools">
                <h1>{{formTitle}}</h1>
                <span flex></span>
                <i class="fa fa-times" ng-click="cancel()"></i>
            </div>
        </md-toolbar>
        <md-dialog-content style="min-height: 200px; overflow: visible;">
            <div class="form-horizontal">
                <div class="grid-100 grid-content" >
                    <div class="grid-parent grid-100 container">
                        <label class="grid-25 label-input">Assignees: </label>
                        <div class="grid-75">
                            <input-validation-message field="assignees" form="editForm"></input-validation-message>
                            <multiple-user-auto-complete name="assignees" ng-model="step.assigneeUserIds"
                                                         on-select="onSelectUser(user)"  on-remove="onRemoveUser(user)">
                            </multiple-user-auto-complete>
                        </div>
                    </div>
                </div>
            </div>
        </md-dialog-content>
        <md-dialog-actions style="padding: 0">
            <div class="grid-100 grid-content">
                <div class="grid-100 grid-parent container">
                    <div class="grid-100">
                        <div style="color: red; ">{{ errorMsg }}</div>
                    </div>
                </div>
                <div class="grid-100 grid-parent container">
                    <unis-waitting-btn value="'Save'" is-loading="saving"
                                       btn-class="grid-10 ripplelink pull-right button-between" ></unis-waitting-btn>
                    <button type="button" class="grid-10 cancel pull-right" ng-click="cancel()">Cancel</button>
                </div>
            </div>
        </md-dialog-actions>
    </form>
</md-dialog>

